{% extends 'layout.html'%}
{% block css %}
    <style>
        .container{
            height:600px;
            width:100%;
            background:url('/static/image/background1.jpg') no-repeat;
            background-size:cover;
            position: relative;
        }
        p{
            position:absolute;
            top:50%;
            left:50%;
            margin-top:-50px;
            margin-left:-50px;
        }
        
    </style>
{% endblock%}
{% block content %}
    <!-- <div class="page-header"> -->
        <!-- <h1>Example page header <small>Subtext for header</small></h1> -->
      <!-- </div> -->
      <!-- <div class="jumbotron"style="height:700px"> -->
          <div class="container">
                
               
                <p><a class="btn btn-primary btn-lg" href="/client_add/" role="button">开始订水</a></p>
          </div>
        
      <!-- </div> -->
    
{% endblock %}
    

